<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程</title>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <script src="js/jquery-2.2.3.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<style>
    body{
        font-family: "Microsoft YaHei UI";
    }
    a{
        color:#ffffff;
    }
</style>
<body>
<nav class="navbar" style="background:#669900; color: #ffffff; margin-bottom: 0;">
    <div class="container-fluid">
        <div class="container">
        <div class="navbar-header" style=" color: #ffffff;">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" style=" color: #ffffff;">
                <span class="sr-only" style=" color: #ffffff;">Toggle navigation</span>
                <span class="icon-bar" style=" color: #ffffff;"></span>
                <span class="icon-bar" style=" color: #ffffff;"></span>
                <span class="icon-bar" style=" color: #ffffff;"></span>
            </button>
            <a class="navbar-brand" href="#" style=" color: #ffffff;">首页</a>
        </div>
            <!--菜单区-->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#"> <span class="sr-only">(current)</span></a></li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">课程 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">计算机</a></li>
                            <li><a href="#">电子工程</a></li>
                            <li><a href="#">法学</a></li>

                            <li><a href="#">英语</a></li>

                            <li><a href="#">历史</a></li>
                        </ul>
                    </li>
                </ul>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="搜索课程...">
                    </div>
                    <button type="submit" class="btn btn-default" style="margin-left: 0;">搜索</button>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">资源中心</a></li>
                    <li><a href="#">我的课程</a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                </ul>
            </div>

            <!--菜单区-->
        </div>
    </div>
</nav>
<!--banner部分-->
<div class="row" >
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active" style="background:green;"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1" style="background:green;"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2" style="background:green;"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="img/yy1_02.gif" alt="..." style="height: 500px; width: 100%;" >
            <div class="carousel-caption" style="top: 50px; left:10px; position: fixed;">
                <h1 >
                    8月HSE培训即将开班！
                </h1>
            </div>
        </div>
        <div class="item">
            <img src="img/yy1_02.gif" alt="..." style="height: 500px;width: 100%;">
            <div class="carousel-caption" style="top: 50px;left:10px; position: fixed;">
                <h1>
                    8月HSE培训即将开班！
                </h1>
            </div>
        </div>
        <div class="item">
            <img src="img/yy1_02.gif" alt="..." style="height: 500px;width: 100%;">
            <div class="carousel-caption" style="top: 35px; left:10px; position: fixed;">
                <h1>
                    8月HSE培训即将开班！
                </h1>
            </div>
        </div>
    </div>


</div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-9">
            <h3 style="color:#996666">通知：</h3>
            <div class="media">
                <div class="media-left">
                    <a href="">
                        <img src="img/you.jpg" class="media-object"/>
                    </a>

                </div>
                <div class="media-body">
                    <div class="media-heading">
                        <p>《HSE风险管理》课程教学大纲发布 </p>
                        <h5 style="color:#996666">
                            一、课程概况。
                        </h5>
                        <p>
                            《HSE风险管理》课程是石油工程、油气储运专业的一门专业必修课。本课程的任务是：通过本课程教学，培养学生的安全意识，使学生掌握安全生产管理的基本理论和石油工程作业场所的危害辨识、风险评价和风险控制的基本方法
                        </p>
                        <h5 style="color:#996666">
                            二、教学基本要求
                        </h5>
                        <p>
                            本课程教学中要注重理论联系实际，案例选择要紧密结合石油工程生产作业实际，案例训练要注重培养学生识别生产作业场所危害的能力，和进行事故原因分析、编制风险控制措施的能力。
                        </p>
                        <a href="#" class="btn btn-group-sm pull-right" style="color: #996666;">详细>>></a>
                    </div>
                </div>
            </div>

        </div>
        <div class="col-md-3" style="padding-top: 15px;">
            <h3>资源中心：</h3>
          <ul>
              <li style="margin-bottom: 15px; color: #996666;"> 石油企业HSE文化建设</li>
              <li style="margin-bottom: 15px; color: #996666;"> 石油工程风险控制措施</li>
              <li style="margin-bottom: 15px; color: #996666;"> 石油工程风险识别</li>
              <li style="margin-bottom: 15px; color: #996666;"> 事故预防理论基础</li>
              <li style="margin-bottom: 15px; color: #996666;">  石油工程HSE两书一表的编制</li>
              <li style="margin-bottom: 15px; color: #996666;">  石油企业HSE文化建设</li>
              <li style="margin-bottom: 15px; color: #996666;">  HSE管理体系的策划、建立和运行</li>
              <li style="margin-bottom: 15px; color: #996666;">  石油工程HSE风险评价</li>
              <a href="#" class="btn btn-group-sm pull-right" style="color: #996666;">更多资源>>></a>
          </ul>

        </div>
    </div>
</div>
<div class="container">
    <h1 class="text-center">我的课程</h1>
    <div class="row">
        <div class="col-md-3">
            <img src="img/s1.jpg" class=" img-thumbnail">
            <h5>HSE管理体系的建立和运行</h5>
            <p class="pull-left">已开课</p>
            <p class="pull-right">20人报名</p>
        </div>
        <div class="col-md-3">
            <img src="img/s2.jpg" class=" img-thumbnail">
            <h5>HSE管理体系的策划</h5>
            <p class="pull-left">已开课</p>
            <p class="pull-right">100人报名</p>
        </div>
        <div class="col-md-3">
            <img src="img/s3.jpg" class=" img-thumbnail">
            <h5>石油工程风险评价</h5>
            <p class="pull-left">未开课</p>
            <p class="pull-right">55人报名</p>
        </div>
        <div class="col-md-3">
            <img src="img/s4.jpg" class=" img-thumbnail">
            <h5>HSE管理体系的策划、建立和运行</h5>
            <p class="pull-left">已开课</p>
            <p class="pull-right">30人报名</p>
        </div>
    </div>
    <div class="row">
        <a href="#" style="color: #669900;" class="pull-right">more>>></a>
    </div>
</div>
<div class="container">
    <h1 class="text-center" style="padding: 10px 0;">培训现场 </h1>
    <div class="row">
        <div class="col-md-4 text-center">
            <img class="img-responsive img-thumbnail" src="img/p1.jpg" alt="">
        </div>
        <div class="col-md-4 text-center">
            <img class="img-responsive img-thumbnail" src="img/p2.jpg" alt="">
        </div>
        <div class="col-md-4 text-center">
            <img class="img-responsive img-thumbnail" src="img/p3.jpg" alt="">
        </div>
    </div>
</div>


<div class="container-fluid" style="padding-top: 50px; background-color:#669900; color:#fff;">
    <div class="container" >
        <div class="row" >
            <p>Copyright  2010-2016 上海慧特信息技术有限公司</p>
            <p>技术支持 上海慧特信息技术有限公司</p>
            <p>联系我们：enquiry@augwit.com</p>
        </div>
    </div>

</div>

</body>
</html>